@charset "utf-8";
.index-product ul.first-ul {
height: 510px;
}
.index-product ul .pro-list {
float: left;
width: 18%;
height: 440px;
text-align: center;
position: relative;
background-color: #fff;
border: 1px solid #ebebec;
margin-left: -1px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
}
.index-product ul .pro-list.pro-list1 .on {
display: block;
}
.index-product ul .pro-list.pro-list1 .off {
display: none;
}
.index-product ul .pro-list .card-t {
padding: 30px 0 20px;
}
.index-product ul .pro-list i {
display: inline-block;
width: 140px;
height: 100px;
}
.index-product ul .pro-list i.icon {
background: url(../image/index_check.png) center center no-repeat;
}
.index-product ul .pro-list i.icon2 {
background: url(../image/index_person.png) center center no-repeat;
}
.index-product ul .pro-list i.icon3 {
background: url(../image/index_notice.png) center center no-repeat;
}
.index-product ul .pro-list i.icon4 {
background-position: -225px 0px;
}
.index-product ul .pro-list .card-t h3 {
font-size: 18px;
font-weight: bold;
padding: 10px 0 4px;
}
.index-product ul .pro-list .card-t p {
font-size: 14px;
color: #868c93;
}
.index-product ul .pro-list .card-about {
padding: 10px 5px;
position: relative
}
.index-product ul .pro-list .off li {
font-size: 16px;
height: 36px;
line-height: 36px;
}
.index-product ul .pro-list .on {
text-align: left;
padding: 0 20px;
position: absolute;
left: 5px;
top: 20px;
width: auto;
opacity: 0;
filter: alpha(opacity=0);
}
.index-product ul .pro-list .on .first {
padding-bottom: 15px;
}
.index-product ul .pro-list .on .first h4 {
font-size: 18px;
font-weight: normal;
}
.index-product ul .pro-list .on .first p {
font-size: 14px;
color: #a9b0b4;
margin-top: 4px;
margin-bottom: 0;
line-height: 18px;
}
.index-product ul .pro-list .on .first a {
font-size: 14px;
color: #2CB9EA;
display: block;
width: 108px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #2CB9EA;
margin-top: 10px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.index-product ul .pro-list .on .first a:hover {
background-color: #2CB9EA;
color: #fff;
}
.index-product ul .pro-list .on .other {
border-top: 1px solid #ebebec;
}
.index-product ul .pro-list .on .other ul li {
width: 100%;
float: left;
padding-top: 10px;
}
.index-product ul .pro-list.pro-list1 .on .other ul li {
width: 100%;
}
.index-product ul .pro-list .on .other h4 {
font-size: 14px;
font-weight: normal;
}
.index-product ul .pro-list .on .other p {
font-size: 12px;
line-height: 22px;
color: #a9b0b4;
margin: 0;
padding: 0;
border: 0;
}
.index-product ul .pro-list .on .other a {
font-size: 12px;
color: #2CB9EA;
}
.index-product ul .pro-list .on .other a:hover {
text-decoration: underline;
}
.index-product ul .pro-list.pro-list2 .on .other ul li {
width: 50%;
position: relative;
}
.index-product ul .pro-list.pro-list2 .on .other ul li p {
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index-product ul .pro-list .on {
display: none;
}
.index-product ul .active {
width: 28%;
border: 1px solid #2CB9EA;
height: 510px;
top: -35px;
-webkit-box-shadow: 0 0px 30px rgba(44, 185, 234, 0.6);
-moz-box-shadow: 0 0px 30px rgba(44, 185, 234, 0.6);
box-shadow: 0 0px 30px rgba(44, 185, 234, 0.6);
z-index: 1;
overflow: hidden;
}
.index-product ul .active .on {
opacity: 1;
filter: alpha(opacity=100);
}
.index-product ul .active .con-card .card-t {
background-color: #2CB9EA;
}
.index-product ul .active .con-card .card-t i.icon {
background: url(../image/index_check.png) center center no-repeat;
}
.index-product ul .active .con-card .card-t i.icon2 {
background: url(../image/index_person.png) center center no-repeat;
}
.index-product ul .active .con-card .card-t i.icon3 {
background: url(../image/index_notice.png) center center no-repeat;
}
.index-product ul .active .con-card .card-t i.icon4 {
background-position: -225px -75px
}
.index-product ul .active .con-card .card-t h3 {
color: #fff;
margin-top: -5px;
}
.index-product ul .active .con-card .card-t p {
color: #fff;
}
.index-product h4 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.slide-content {
}
.slide-content:after,
.slide-content:before {
content: "";
display: table
}
.slide-content:after {
clear: both
}
.slide-content>.row {
margin: 0;
}
.slide-content>.row .col-md-3,
.slide-content>.row .col-md-4,
.slide-content>.row .col-sm-3,
.slide-content>.row .col-sm-4 {
padding: 0;
}
.slide-content .slide-item {
position: relative;
color: #000;
font-size: 0;
text-align: center;
height: 420px;
cursor: pointer;
padding: 0;
}
.slide-content .slide-item>a:first-child {
display: block;
height: 100%;
}
.slide-content .slide-item .item-bg {
width: 100%;
height: 100%
}
.slide-content .slide-item .mask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.slide-content .slide-item .mask .bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #181b2a;
opacity: .6;
filter: alpha(opacity=60);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item .mask .bg.other-bg {
opacity: .82;
filter: alpha(opacity=82);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82))
}
.slide-content .slide-item .mask .content {
position: absolute;
left: 0;
right: 0;
top: 100px;
bottom: 0;
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item .mask .content .line-panel {
padding: 0;
margin: 0;
font-size: 0;
line-height: 0;
margin-top: 20px;
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item .mask .content .line-panel .item-line {
width: 20px;
height: 2px;
background: #fff;
display: inline-block;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item .mask .content .item-img-panel {
position: relative;
width: 70px;
height: 60px;
display: inline-block
}
.slide-content .slide-item .mask .content .item-img-panel .item-img,
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
display: inline-block;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item .mask .content .item-title {
color: #fff;
font-size: 22px;
line-height: 24px;
margin: 0;
padding: 0;
margin-top: 24px;
font-weight: 700;
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item .mask .content .item-desc {
font-size: 14px;
color: #fff;
text-align: center;
margin-top: 30px;
padding: 0 23px;
line-height: 24px;
height: 72px
}
.slide-content .slide-item .mask .content .item-link {
display: inline-block;
border: 1px solid #fff;
width: 120px;
height: 36px;
line-height: 36px;
font-size: 14px;
color: #fff;
text-decoration: none;
margin-top: 62px
}
.slide-content .slide-item .mask .content .item-link:hover {
color: #00c1de;
background: #fff
}
.slide-content .slide-item .mask .content .item-desc,
.slide-content .slide-item .mask .content .item-link {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
-moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
transition: all .4s cubic-bezier(.4, 0, .2, 1)
}
.slide-content .slide-item:hover .bg {
background: #00c2de;
opacity: .9;
filter: alpha(opacity=90);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90))
}
.slide-content .slide-item:hover .bg.other-bg {
opacity: .9;
filter: alpha(opacity=90);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90))
}
.slide-content .slide-item:hover .content {
top: 13%
}
.slide-content .slide-item:hover .content .item-img-panel .item-img {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}
.slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}
.slide-content .slide-item:hover .content .line-panel {
margin-top: 10px
}
.slide-content .slide-item:hover .content .line-panel .item-line {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}
.slide-content .slide-item:hover .content .item-title {
margin-top: 12px
}
.slide-content .slide-item:hover .content .item-desc,
.slide-content .slide-item:hover .content .item-link {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}
.slide-content .slide-item:hover .content .item-desc {
margin-top: 22px
}
.slide-content .slide-item:hover .content .item-link {
margin-top: 14%
}
.VE_News_Box
{
padding:50px 0;
}
.VE_News_Box h1
{
font-size:18px;
font-weight:bold;
color:#333;
}
.VE_News_Box ul
{
display:block;
margin:0;
padding:0;
}
.VE_News_Box ul li
{
display:block;
list-style:none;
font-size:14px;
color:#666;
padding:6px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.VE_News_Box ul li h4
{
display:block;
list-style:none;
font-size:14px;
color:#666;
padding:6px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.VE_News_Box ul li a
{
color:#666;
}
.VE_News_Box ul li img
{
width:100%;
}
.VE_News_Box ul li .date
{
float:right;
}
a.Trade-morebtn {
display: block;
margin: 58px auto 0 auto;
width: 188px;
padding: 15px 0;
line-height: 1;
color: #666;
text-align: center;
font-size: 16px;
border: solid 1px #e6e9f2;
border-radius: 30px;
text-decoration: none;
}
a.Trade-morebtn:hover{
color: #3B9FF2;
border: solid 1px #3B9FF2;
}
.col-xs-12 h2{font-size:18px; line-height:200%;}
.col-xs-12 h3{font-size:18px; line-height:200%;}